@import './reset.less';
a:focus{
  outline: none;
}
// .fixbg {
//     .z-i(-100);
//     .fix();
//     .t(0);
//     .l(0);
//     .r(0);
//     .b(0);
//     background: rgba(37, 149, 160, 0.3);
// }
.left-container {
    .z-i(99);
    .fix();
    .w(240px);
    .h(100%);
    .l(0);
    .t(0);
    .blackBgColor(.3);
}

.samll-left {
  .z-i(99);
  .fix();
  .w(60px);
  .h(100%);
  .l(0);
  .t(0);
  .blackBgColor(.2);
  overflow: hidden;
}

.sfabric-logo {
	.fl();
    .pd(17px,16px);
    .bg_img(60px, 60px, '../images/sprit-liu.png', -94px, -64px);
    box-sizing: border-box;
    background-clip: content-box;
}

.menu-icons{
  .abs();
  .w(240px);
    .t(61px);
    .b(0);
    overflow-x: hidden;
    overflow-y: auto;
    .blackBgColor(.2);
}
.menu-list{
    .w(78px);
    .mih(100%);
}
.menu-list-li{
  .rel();
    .fl();
    .w(60px);
    .h(60px);
    .tc();
    .clearfix();
        &:hover {
            .whiteBgColor(.1);
        }
}
.item-icon{
    .db();
    .w(60px);
    .h(60px);
}
.menu-img{
  .abs();
  .t(5px);
  .l(20px);
}
.left-span{
    .dib();
    .w(60px);
    .h_lh(30px);
    .mt(-10px);
    .whiteColor(1);
    .font-s(14px);
    .font-fm();
    .tc();
}

.menu-wrap {
    .w(180px);
    .h(1000px);
    .ml(60px);
}
.logo{
    .w(240px);
    .h(60px);
    .blackBgColor(.3);
}

.menu-title {
  .z-i(99);
    .fl();
    .w(180px);
    .h_lh(60px);
    .font-s(26px);
    .whiteColor(1);
}
.menu-item {
    .dn();
}
.menu-details {
  .abs();
    .l(60px);
    .t(1px);
    .w(180px);
    .h(885px);
    .mih(99.9%);
    .blackBgColor(.2);
    .clearfix();
    h2 {
        .h_lh(60px);
        .whiteColor(1);
        .font-wn();
        text-indent: 8%;
    }
    .menu-item-li {
        .lh(38px);
        text-indent: 16%;
        .cp();
        &:hover {
            .whiteBgColor(.1);
        }
        .menu-item-link {
            .whiteColor(1);
            .font-s(14px);
        }
    }
}



.second-item {
	text-indent: 24% !important;
}


.menu-item-show {
	.db();
}

.menu-item-ul{
	.blackBgColor(.2);
	li {
		text-indent: 32% !important;
	}
}

.zhibu {
    width: 20px;
    height: 20px;
    margin: 0px auto;
    padding-top: 10px;
    background: url(../images/zhibu.png) no-repeat center;
}
.menu-footer {
    .fix();
    .l(60px);
    .b(0);
    .w(180px);
    .h(40px);
    .back-left-icon {
        .fr();
        .w(60px);
        .h(40px);
        .cp();
        .bg-m-l("../images/back-left.png");
    }
}

@media screen and (max-width:1550px) {
    .left-container,
    .menu-wrap {
        background: #3c5f79;
    }
}
